<template>
	<view>
		<search></search>		
	</view>	
</template>

<script>
	import search from "@/components/jm-search/jm-search.vue"
	export default {
		components: {search},
		data() {
			return {
				
			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style>
    .search {
		display: flex;
		flex-direction: column;
		align-items: center;
		
		height: 100%;
		position:relative;
	}
	
	.search .title{
		width:100%;
		height: 40rpx;
		margin-top:46rpx;
		position:relative;
	}

	.search .title .note{
		margin-left:32rpx;
		color:#373737;
		font-size:32rpx;
	}

	.search image{
		position:absolute;
		width:40rpx;
		height: 40rpx;
		right:32rpx;
		top:3rpx;
	}
	
	.keywords{
		list-style-type: none;
		margin:0;
		padding:0;
		width:100%;
		height: 60rpx;
		margin-top:40rpx;
	}
	.keywords li{
		float:left;
		width:auto;
		height: 60rpx;
		font-size:28rpx;
		color:#24222E;
		line-height: 60rpx;
		text-align: center;
		margin-left:28rpx;
		background: #F7F6FB;
		border-radius: 30rpx;
		padding-left:32rpx;
		padding-right: 32rpx;
	}
</style>
